<template>
  <!--标签-->
  <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
    <el-tab-pane label="用户管理" name="first"><Table></Table></el-tab-pane>
    <el-tab-pane label="配置管理" name="second"><Table></Table></el-tab-pane>
    <el-tab-pane label="角色管理" name="third"><Table></Table></el-tab-pane>
    <el-tab-pane label="定时任务补偿" name="fourth"><Table></Table></el-tab-pane>
    <el-tab-pane label="定时任务补偿" name="fiveth"><Table></Table></el-tab-pane>
    <el-tab-pane label="定时任务补偿" name="sixth"><Table></Table></el-tab-pane>
    <el-tab-pane label="定时任务补偿" name="seventh"><Table></Table></el-tab-pane>
  </el-tabs>
</template>

<script>
  import Table from './Table'
    export default {
        name: "Tabs",
      components: {Table},
      data() {
        return {
          activeName: 'first',
          gridData: [{
            date: '2016-05-02',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1518 弄'
          }, {
            date: '2016-05-04',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1518 弄'
          }, {
            date: '2016-05-01',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1518 弄'
          }, {
            date: '2016-05-03',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1518 弄'
          }]
        };
      },
      methods: {
        handleClick(tab, event) {
          console.log(tab, event);
        }
      }
    };
</script>

<style scoped>

</style>
